<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Mobile Web App</title>
<link href="jquery-mobile/jquery.mobile-1.0a3.min.css" rel="stylesheet"
	type="text/css" />
<script src="jquery-mobile/jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0a3.min.js"
	type="text/javascript"></script>
<!-- This reference to phonegap.js will allow for code hints as long as the current site has been configured as a mobile application. 
	 To configure the site as a mobile application, go to Site -> Mobile Applications -> Configure Application Framework... -->
<script src="/phonegap.js" type="text/javascript"></script>
<style type="text/css">
#page div h1 strong {
	font-weight: bold;
	font-family: "ＭＳ 明朝";
}

#manageItem div table tr td div strong {
	font-family: "ＭＳ 明朝";
}
</style>
</head>
<body>

	<div data-role="page" id="page">
		<div data-role="header">
			<h1 align="center">
				<strong>メニュー</strong>
			</h1>
		</div>
		<div data-role="content">
			<ul data-role="listview">
				<li><a href="#manageItem">商品検索</a></li>
				<li><a href="#checkProcess">進捗確認</a></li>
				<li><a href="#moveRequest">移動依頼</a></li>
				<li><a href="#modPhase">フェース修正</a></li>
			</ul>

		</div>
		<p></p>
		<p align="center">
			<button data-icon="back">ログアウト</button>
		</p>
		<p></p>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>
	<div data-role="page" id="manageItem">
		<div data-role="header">
			<h1 align="center">
				<strong>商品検索</strong>
			</h1>
		</div>
		<div data-role="content">
			<div data-role="fieldcontain">
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
                    <label
					for="textinput">アイテムG</label>
				      <input type="text"
					name="itemG" id="itemG" value="" />
				    </p></td>
				    <td width="4%">&nbsp;</td>
				    <td width="48%">
				      <label
					for="textinput">管理番号</label>
				      <input type="text" name="managerNum"
					id="managerNum" value="" />
		            </td>
			      </tr>
			  </table>
				<hr>
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
				<label for="textinput">大分類</label> <input type="text"
					name="group1" id="group1" value="" />
					 </p></td>
				    <td width="4%">&nbsp;</td>
				    <td width="48%">
				     <label
					for="textinput">中分類</label> <input type="text" name="group2"
					id="group2" value="" />
					  </td>
			      </tr>
			  </table>
				<hr>
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
				<label for="textinput">商品年度</label> <input type="text"
					name="stock" id="stock" value="" />
					</p></td>
					<td width="4%">&nbsp;</td>
				    <td width="48%">
				     <label
					for="textinput">販売価格</label> <input type="text" name="price"
					id="price" value="" />
						  </td>
			      </tr>
			  </table>
					<hr>
			<p></p>
				<hr>
			<ul data-role="listview">
				<li><a href="#duelSerch">絞込条件検索</a></li>
			</ul>
			<hr>
			<p></p>
			<div data-inline="true" align="center">
				<button data-inline="true">検索</button>
				<button data-inline="true">在庫</button>
			</div>
			<div data-inline="true" align="center">
				<button data-inline="true">客注</button>
				<button data-inline="true">移動</button>
			</div>
		</div>
		</div>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>

	<div data-role="page" id="duelSerch">
		<div data-role="header">
			<h1 align="center">
				<strong>絞込条件検索</strong>
			</h1>
		</div>
		<div data-role="content">
			<div data-role="fieldcontain">
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
                    <label
					for="textinput">メーカー品番</label>
				      <input type="text"
					name="makerNum" id="makerNum" value="" />
				    </p></td>
				    <td width="4%">&nbsp;</td>
				    <td width="48%">
				      <label
					for="textinput">シーズン</label>
				      <input type="text" name="season"
					id="season" value="" />
		            </td>
			      </tr>
			  </table>
				<hr>
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
				<label for="textinput">カラー</label>
				 <input type="text" name="color" id="color" value="" />
					 </p></td>
				    <td width="4%">&nbsp;</td>
				    <td width="48%">
				     <label
					for="textinput">サイズ</label> 
					<input type="text" name="size" id="size" value="" />
					  </td>
			      </tr>
			  </table>
				<hr>
				<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
				<label for="textinput">素材</label> 
				<input type="text" name="meterial" id="meterial" value="" />
					</p></td>
					<td width="4%">&nbsp;</td>
				    <td width="48%">
				     <label
					for="textinput">機能</label> 
					<input type="text" name="utility" id="utility" value="" />
						  </td>
			      </tr>
			  </table>
					<hr>
					<table width="100%" border="0">
				  <tr>
				    <td width="48%"><p>
				<label for="textinput">価格帯</label> 
				<input type="text" name="startOfPrice" id="startOfPrice" value="" />から</p></td>
					<td width="2%">&nbsp;</td>
				    <td width="48%">
				    <label for="textinput">最終価格</label> 
					  <input type="text" name="endOfPrice" id="endOfPrice" value="" />
					  まで</td>
			      </tr>
			  </table>
			<p></p>
				<hr>
			<p></p>
			<div data-inline="true" align="right">
				<button data-inline="true">検索</button>
			</div>
			
		</div>
		</div>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>



	<div data-role="page" id="checkProcess">
		<div data-role="header">
			<h1 align="center">
				<strong>進捗確認</strong>
			</h1>
		</div>
		<div data-role="content">Content</div>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>

	<div data-role="page" id="moveRequest">
		<div data-role="header">
			<h1 align="center">
				<strong>移動依頼</strong>
			</h1>
		</div>
		<div data-role="content">Content</div>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>
	<div data-role="page" id="modPhase">
		<div data-role="header">
			<h1 align="center">
				<strong>フェース修正</strong>
			</h1>
		</div>
		<div data-role="content">Content</div>
		<div data-role="footer">
			<h4 align="center">2011 Tomato.co</h4>
		</div>
	</div>
</body>
</html>